/* ------------------------------------------------------------------------------
*
*  # Key Table extension
*
*  KeyTable provides Excel like cell navigation on any table. Events (focus, blur,
*  action etc) can be assigned to individual cells, columns, rows or all cells.
*
*  Version: 1.0
*  Latest update: Nov 10, 2015
*
* ---------------------------------------------------------------------------- */

// Focus colors
.dataTable {
  th,
  td {

    // Default
    &.focus {
      outline: 2px solid @brand-primary;
      outline-offset: -1px;
    }

    // Success
    &.focus-success {
      background-color: @color-success-50;
      outline-color: @color-success-500;
    }

    // Info
    &.focus-info {
      background-color: @color-primary-50;
      outline-color: @color-primary-500;
    }

    // Warning
    &.focus-warning {
      background-color: @color-warning-50;
      outline-color: @color-warning-500;
    }

    // Danger
    &.focus-danger {
      background-color: @color-danger-50;
      outline-color: @color-danger-500;
    }
  }
}
